<!-- PAGE CONTENT WRAPPER -->
<div class="page-content-wrap">

    <div class="row">
        <div style="background: #ffffff;">
            <form class="form-horizontal" name="addDHForm" novalidate>
                <div class="panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title"><strong>{{'新增网页项目' | dyLanguage}}</strong></h3>
                    </div>
                    <div class="panel-body panel-dialog">
                        <p>{{'请按照提示输入网页项目的各项信息。' | dyLanguage}}</p>

                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">{{'项目标题' | dyLanguage}}</label>

                            <div class="col-md-6 col-xs-12">
                                <div class="input-group">
                                    <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                    <input type="text" class="form-control" ng-model="newHtml.subject" name="subject"
                                           required/>
                                </div>
                                <span class="help-block"
                                      ng-show="(addDHForm.subject.$untouched && !addDHForm.$submitted) || addDHForm.subject.$valid">{{'请输入项目的标题' | dyLanguage}}</span>

                                <div ng-show="(addDHForm.subject.$touched || addDHForm.$submitted ) && addDHForm.subject.$invalid">
                                    <span class="error-block"
                                          ng-show="addDHForm.subject.$error.required">{{'必须要输入项目的标题' | dyLanguage}}</span>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">{{'源文件' | dyLanguage}}</label>

                            <div class="col-md-6 col-xs-12">
                                <form name="form" method="post" enctype="multipart/form-data">
                                    <a ngf-select ngf-change="upload($files)" ngf-max-size="50MB" ngf-min-height="100"
                                       ngf-resize="{width: 1000, height: 1000}" style="cursor: pointer">{{'选择' | dyLanguage}}</a>
                                </form>
                                <span class="help-block">
                                    {{'文件:' | dyLanguage}}
                                    <i style="cursor: pointer; " ng-click="download(newHtml)">{{newHtml.zip}}
                                        <span ng-show="showProgress">({{progress.value}}%)</span>
                                    </i>
                                </span>
                                <span class="help-block">{{'文件：' | dyLanguage}}<i style="cursor: pointer;" ng-click="download(newHtml)">{{newHtml.zip}}<span ng-show="showProgress">({{progress.value}}%)</span></i></span>
                            </div>
                        </div>

                    </div>
                    <div class="panel-footer" style="text-align: center;">
                        <button class="btn btn-danger" ng-click="cancel()"><i class="fa fa-times"></i>{{'取消' | dyLanguage}}</button>
                        <button class="btn btn-info" ng-click="submit()"><i class="fa fa-check"></i>{{'确定' | dyLanguage}}</button>
                    </div>
                </div>
            </form>

        </div>
    </div>

</div>
<!-- END PAGE CONTENT WRAPPER -->